<template>
  <div class="wrapper wrapper-content animated fadeInRight v-cloak" v-cloak>
    <div class="row">
      <div class="form col-md-12">
        <div class="clearfix "></div>
        <div class="col-md-6">
          <div class="form-group clearfix">
            <label class="control-label">创建时间：</label>
            <div class="col-md-12 form-control">
              {{item.dateCreated | date('yyyy-MM-dd HH:mm:ss')}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办完成期限：</label>
            <div class="col-md-12 form-control">
              {{item.dateDeadline | date('yyyy-MM-dd HH:mm:ss')}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">巡查时间：</label>
            <div class="col-md-12 form-control">
              {{item.datePatrol | date('yyyy-MM-dd HH:mm:ss')}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">更新时间：</label>
            <div class="col-md-12 form-control">
              {{item.dateUpdated | date('yyyy-MM-dd HH:mm:ss')}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">责任单位名称：</label>
            <div class="col-md-12 form-control">
              {{item.dutyOrgName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">责任人名称：</label>
            <div class="col-md-12 form-control">
              {{item.dutyUserName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件描述：</label>
            <div class="col-md-12 form-control">
              {{item.eventInfo}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件类型：</label>
            <div class="col-md-12 form-control">
              {{item.eventType}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">关注状态：</label>
            <div class="col-md-12 form-control">
              {{item.followState}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">上报时间：</label>
            <div class="col-md-12 form-control">
              {{item.reportingDate | date('yyyy-MM-dd HH:mm:ss')}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">上报类型：</label>
            <div class="col-md-12 form-control">
              {{item.reportingType}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">上报人名称：</label>
            <div class="col-md-12 form-control">
              {{item.reportingUserName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">结果反馈：</label>
            <div class="col-md-12 form-control">
              {{item.resultFeedback}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">上报河道名称：</label>
            <div class="col-md-12 form-control">
              {{item.riverName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件进度：</label>
            <div class="col-md-12 form-control">
              {{item.state}}
            </div>
          </div>
        </div>
        <div class="col-md-6">
          <div class="form-group clearfix">
            <label class="control-label">督办单号：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionCode}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办联系人电话：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionContactCellphone}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办联系人id：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionContactId}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办联系人名称：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionContactName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办内容：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionContent}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办发起时间：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionDate | date('yyyy-MM-dd HH:mm:ss')}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办要求：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionDemand}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办对象：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionTarget}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办标题：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionTitle}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">督办类型：</label>
            <div class="col-md-12 form-control">
              {{item.supervisionType}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理行政区划名称：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentAreaName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理备注：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentMemo}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理机构名称：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentOrgName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理后照片：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentPostPics}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理前照片：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentPrePics}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理河段名称：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentReachName}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理方式：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentType}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理人员角色：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentUserJob}}
            </div>
          </div>
          <div class="form-group clearfix">
            <label class="control-label">事件处理人员名称：</label>
            <div class="col-md-12 form-control">
              {{item.treatmentUserName}}
            </div>
          </div>
        </div>
        <div class="clearfix "></div>
        <div class="col-12 text-center" style="height: 50px;">
          <div>
            <a @click="lbox.closeMyBoxLayer()" class="btn btn-danger" href="javascript:">返回</a>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>
<script type="text/javascript">
  import '@/assets/css/style.css'

  import axios from 'axios'
  import {apiUtil, site} from '@/assets/js/boss'

  export default {
    data() {
      return {
        item: {}
      }
    },
    mounted() {
      let that = window.$vueApp = this;
      that.reportingType = apiUtil.getQueryString('reportingType');
      document.getElementsByTagName('body')[0].className = 'fixed-sidebar full-height-layout';
      that.staff.init(function () {
        axios.get(site.reportEvent.info + sessionStorage.getItem(site.reportEvent.info), {}).then(function (response) {
          const result = response.data;
          if (result.code === 0) {
            that.item = result.data;
          } else {
            alert(result.message);
          }
        });
      });
    },
    methods: {}
  }
</script>
